var canvas_3 = document.querySelector("#canvas_3");
var ctx_3 = canvas_3.getContext("2d");
var { clientWidth: width, clientHeight: height } = document.documentElement;
canvas_3.width = width;
canvas_3.height = height;
ctx_3.fillStyle = "#ffffff";
var bgColors = Array.from(new Array(400)).map((v) => {
  return {
    x: Math.random() * width,
    y: Math.random() * height,
    step: Math.random() * 2.5 + 0.5,
  };
});
var render = () => {
  ctx_3.clearRect(0, 0, width, height);
  ctx_3.beginPath();
  bgColors.forEach((v) => {
    v.y = v.y > height ? 0 : v.y + v.step;
    ctx_3.rect(v.x, v.y, 3, 3);
  });
  ctx_3.fill();
  requestAnimationFrame(render);
};
render();
